<template>
	<view class="water_genren_index">
		<view class="user-box" style="">
			<view class="" style="width: 180rpx;">
				<image src="/static/logo.png" mode="widthFix"></image>
			</view>
			<view class="" style="margin-left: 30rpx;">
				<view class="">
					<text>姓名:</text>
					<text>田某某</text>
				</view>
				<view class="u-line-1" style="width: 90%;">
					<text>账号:</text>
					<text>DWWER2TW22-EWE3-WE3</text>
				</view>
			</view>
		</view>
		<view class="" style="margin-top: 1rpx;">
			<view class="">
				<view class="btnbox btnbottom">账号与安全</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">新消息提示</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">清除缓存</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">通用</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">数据同步</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">系统自检</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox btnbottom">系统帮助</view>
			</view>
			<view class="" style="margin-top: 1rpx;">
				<view class="btnbox " style="text-align: center;">退出当前账号</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				color: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.water_genren_index {
		font-size: 40rpx;

		.user-box {
			display: flex;
			align-items: center;
			height: 300rpx;
			padding: 20rpx;
			width: 100%;
			color: #ffffff;
			background-image: url(/static/images/index/banner.png);
		}

		.btnbox {
			height: 100rpx;
			border: 'rgb(184 188 195)';
			border: 1px solid #dfdfdf;
			box-sizing: border-box;
			line-height: 100rpx;
			padding: 0px 20rpx;
		}

		.btnbottom {
			border-bottom: 0px;
		}
	}
</style>